*{margin:1px;padding:1px;border:1px;}

#aaa{width:80%;height:768px;margin:0px auto; border=10px solid #F00;}
#bbb{width:100%;height:10%;background-color: red; style="text-align:center;"}
#ccc{width:100%;height:90%}
#ddd{width:30%;height:100%;float:left;}
#ggg{width:30%;height:100%;float:left;background-color: yellow}
#eee{width:38%;height:100%;float:left;background-color: pink;}

#ddd1{width:100%;height:33%;float:left;background-color: #ffee00}
#ddd2{width:100%;height:33%;float:left;background-color: #ff00ee}
#ddd3{width:100%;height:33%;float:left;background-color: #00ffee}
